/* 基本样式 */
.button {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  /* 不同颜色的样式 */
  .button.primary {
    background-color: #007bff;
    color: white;
  }
  
  .button.secondary {
    background-color: #6c757d;
    color: white;
  }
  
  .button.danger {
    background-color: #dc3545;
    color: white;
  }
  
  .button.success {
    background-color: #28a745;
    color: white;
  }
  
  .button.warning {
    background-color: #ffc107;
    color: black;
  }
  
  /* 禁用状态 */
  .button.disabled {
    opacity: 0.65;
    cursor: not-allowed;
  }
  
  /* 鼠标悬停效果 */
  .button:not(.disabled):hover {
    transform: scale(1.05);
  }